<div class="footer" id="footer">
    <div class="link">
        <div>
            <ul class="relevant">
                <li><a href="about.html">关于我们</a></li>
                <li><a href="clause.html">服务条款</a></li>
                <li><a href="about.html">联系我们</a></li>
                <!--<li><a href="about.html">意见反馈</a></li>-->
            </ul>
            <ul class="logolist">
                <li><img src="img/qq_Default.png" onmouseover="this.src='img/qq_hover.png'" onmouseout="this.src='img/qq_Default.png'"></li>
                <span style="display: none" id="wx_ii"><img src="img/code.png" /> </span>
                <li style="position: relative"><img src="img/weiixn_Default.png" onmouseover="this.src='img/weiixn_hover.png';$('#Code').show()" onmouseout="this.src='img/weiixn_Default.png';$('#Code').hide()" id="wx_icon">
                    <img id="Code" style="display: none;width: 90px;height: 90px;position: absolute;top: -110px;left: -10px" src="img/code.png"/>
                </li>
                <li><img src="img/weibo_Default.png" onclick="window.open('https://weibo.com/6362124227/profile?rightmod=1&wvr=6&mod=personinfo');" onmouseover="this.src='img/weibo_hover.png'" onmouseout="this.src='img/weibo_Default.png'"></li>
                <li><img src="img/twitter_Default.png" onmouseover="this.src='img/twitter_hover.png'" onmouseout="this.src='img/twitter_Default.png'"></li>
                <li><img src="img/faceBook_Default.png" onmouseover="this.src='img/faceBook_hover.png'" onmouseout="this.src='img/faceBook_Default.png'"></li>
                <li><img src="img/telegram_Default.png" onmouseover="this.src='img/telegram_hover.png'" onmouseout="this.src='img/telegram_Default.png'"></li>
            </ul>
        </div>
    </div>
    <div class="address">
        <div>
            <div class="left">
                <ul>
                    <li v-for="item in link_arr" class="footer_li">
                        <a href="{{item.url}}" target="_blank">
                            <img v-bind:src="item.image" img="img/aboutbg.png" class="over_fo">
                            <!-- <img src="http://www.lianbihome.net/img/aboutbg.png" />-->
                         </a>
                     </li>
                     <!--<li><a href="http://www.block18.io/index" target="_blank"><img src="img/logolist_1.png" onmouseover="this.src='img/logolist_1_h.png'" onmouseout="this.src='img/logolist_1.png'"></a></li>
                     <li><a href="http://www.iterduo.com/" target="_blank"><img src="img/logolist_2.png" onmouseover="this.src='img/logolist_2_h.png'" onmouseout="this.src='img/logolist_2.png'"></a></li>
                     <li><a href="https://www.7234.cn/" target="_blank"><img src="img/logolist_3.png" onmouseover="this.src='img/logolist_3_h.png'" onmouseout="this.src='img/logolist_3.png'"></a></li>
                     <li><a href="http://www.jgy.com/" target="_blank"><img src="img/logolist_4.png" onmouseover="this.src='img/logolist_4_h.png'" onmouseout="this.src='img/logolist_4.png'"></a></li>
                     <li><a href="http://shilian.com/" target="_blank"><img src="img/logolist_5.png" onmouseover="this.src='img/logolist_5_h.png'" onmouseout="this.src='img/logolist_5.png'"></a></li>
                     <li><a href="http://www.tuoniao.fm/tag/qukuailian" target="_blank"><img src="img/logolist_6.png" onmouseover="this.src='img/logolist_6_h.png'" onmouseout="this.src='img/logolist_6.png'"></a></li>
                     <li><a href="https://www.btc123.com/" target="_blank"><img src="img/logolist_7.png" onmouseover="this.src='img/logolist_7_h.png'" onmouseout="this.src='img/logolist_7.png'"></a></li>-->

                </ul>
            </div>
            <div class="right">
                <p>链币Home</p>
                <p><img src="img/email.png">邮箱: yangyueqiao@lianbihome.net</p>
                <p><img src="img/bubble.png">合作微信: Yang_York_YYQ</p>
            </div>
        </div>
    </div>
</div>
<script>
    var vues = new Vue({
        el:'#footer',
        data:{
            link_arr:[],
        },
        ready:function(){
            var self= this;
            //友情链接
            $.ajax({
                url:'http://api.456mobi.com/api/?s=home/Information/get_links',
                type:'post',
                success: function(ress){
                    var res = ress
                    if(res.msg == '获取成功'){
                        res.data.forEach(function (item,index) {
                            self.link_arr.push(item);
                            self.$nextTick(function() {
                                $(".footer_li a img").hover(function () {
                                    $(this).removeClass("over_fo");
                                },function () {
                                    $(this).addClass("over_fo");
                                })
                            })
                            //console.log(JSON.stringify(ress));
                        })
                    }else{
                        alert(res.msg)
                    }
                }
            })

        },

    })
</script>